<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
	<script src="../vue.js"></script>
</head>
<body>
                                    <!-- 指令 Directives-->
    <div id="app"><p v-if="seen">你可以看见我了</p></div>
	<!-- 参数 -->
	<a id="app1" v-bind:href="url">click me</a><br />
	<!-- 动态参数 -->
	<div id="app2">
		<a v-bind:[attrName]="urla">click me </a>
	</div>	
	<!-- 修饰符 -->
	
	<script>
		var app = new Vue({
			el: '#app',
			data: {
				seen: true,
				url: 'www.baidu.com'
			}
		});
		var app1 = new Vue({
			el: '#app1',
			data: {
				seen: true,
				url: 'https://baidu.com'
			}
		});
		var app2 = new Vue({
			el: '#app2',
			data: {
				attrName: 'href',
				urla: 'https://www.baidu.com'
			}
		});
	</script>
</body>
</html>